<template>
  <BasicDrawer v-bind="$attrs" @register="register" title="Drawer Title" width="50%">
    <div> 22222222222222222222222 </div>
  </BasicDrawer>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';

export default defineComponent({
  components: { BasicDrawer },
  setup() {
    const [register] = useDrawerInner(() => {});
    return { register };
  },
});
</script>
